/* HTML5 display-role reset for older browsers */
article,aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  position: relative;
  line-height: 1;
  font-family: 微软雅黑;
  font-size: 0.2rem;
  color: #333;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
img {
  vertical-align: middle;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

/* 手动添加*/
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}



footer {
  background-color: #616161; width:100%; clear:both; overflow:visible; 
}
footer .main {
  padding-top: 0.93rem;
}
footer .main .column-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; width:100%;
  padding-bottom:60px;
}
footer .main .left {
  width: 69%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
footer .main .tl {
  font-size: 18px;
  color: #fff;
  line-height:50px;
}
footer .main .column-list {
  margin-top: 0.18rem;
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
footer .main .column-list > a {
  padding: 0.13rem 0;font-size: 15px;
  line-height:32px;
  color: rgba(255,255,255,.7);
}
footer .main .right {
  
  align-items: center;
  justify-content: space-between;
}
footer .main .right .right1 { width:100%;} 
footer .main .right .xlogo { margin-bottom:35px;}
footer .main .cd {
  width: 42%;
  font-size:14px;
   float:left;
   margin-right:20px;
  text-align: center;
  color: rgba(255,255,255,.7);
}
footer .main .cd > img {
  width: 100%;
  margin-bottom: 20px;
}

/* 友情链接 */
footer .main .outer-chain {
  margin-top: 0.57rem;
  padding: 0.15rem 0;
  border-top: 1px solid  rgba(255,255,255,.08);
  display: flex;
  align-items: flex-start;
}
footer .main .outer-chain h3 {
  padding: 0.15rem 0;
  margin-right: 0.49rem;
  font-size: 0.22rem;
  font-weight: bold;color:  rgba(255,255,255,.7);
  white-space: nowrap;
}
footer .main .chain-list {
  margin-top: 0.03rem;
  display: flex;
  flex-wrap: wrap;
}
footer .main .chain-list > a {
  padding: 0.15rem 0;
  margin-right: 0.54rem;
  font-size: 0.16rem;
  color:  rgba(255,255,255,.7);
}
footer .main .chain-list > a:hover {
  color: #0143a4;
  text-decoration: underline;
}
footer .main .chain-list > a:nth-last-child(1) {
  margin-right: 0;
}
footer .footer {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  margin-top: 0.1rem;
  padding: 0.22rem 0;
  background-color:#616161; 
}
footer .enterprise {
  width:1260px;
  margin: 0 auto;
  font-size:15px;
color:  rgba(255,255,255,1);
  opacity: 0.5;
  padding-top:20px; padding-bottom:20px;
}

footer .enterprise a {
color:  rgba(255,255,255,1);
}

footer .main .column-list > a:hover {
  color: #0143a4;
  text-decoration: underline;
}

@media screen and (max-width: 800px) {
  .pc {
    display: none !important;
  }
  .app {
    display: inline-block;
  }
  .f-60 {
    font-size: 24px;
  }
  .f-50 {
    font-size: 22px;
  }
  .f-48 {
    font-size: 22px;
  }
  .f-46 {
    font-size: 20px;
  }
  .f-44 {
    font-size: 20px;
  }
  .f-42 {
    font-size: 20px;
  }
  .f-40 {
    font-size: 18px;
  }
  .f-38 {
    font-size: 18px;
  }
  .f-36 {
    font-size: 18px;
  }
  .f-34 {
    font-size: 16px;
  }
  .f-32 {
    font-size: 16px;
  }
  .f-30 {
    font-size: 16px;
  }
  .f-28 {
    font-size: 16px;
  }
  .f-26 {
    font-size: 14px;
  }
  .f-24 {
    font-size: 14px;
  }
  .f-22 {
    font-size: 14px;
  }
  .f-20 {
    font-size: 14px;
  }
  .f-18 {
    font-size: 12px;
  }
  .f-16 {
    font-size: 12px;
  }
  .f-14 {
    font-size: 12px;
  }
  .f-12 {
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  #index .row.r3 .title {
    opacity: 1;
  }
  #water {
    width: 42vw;
  }
  #index #top {
    height: 68vh !important;
  }
  #index .row {
    padding-bottom: 0.36rem;
  }
  #index .webGL-slider .pagination {
    top: auto;
    transform: none;
    bottom: 0;
  }
  .webGL-slider a.move-prev,
  .webGL-slider a.move-next {
    display: none;
  }
  .indexBanner .scr,
  #index #main .r1 .r-main .wid-50 .con .pic_child,
  #index #main .r1 .r-main .bg2,
  #index #main .r1 .bg {
    display: none;
  }
  #index #main .r1 .r-main .wid-50 {
    width: 100%;
    margin-left: 0;
  }
  #index #main .r1 .r-main .wid-50 .con {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 60px;
  }
  #index #main .r1 .r-main .wid-50 .pic {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  #index #main .r2 .r-main .new-box .new-tab {
    right: auto;
    width: 100%;
    left: 0;
  }
  #index #main .r2 .r-main .new-box .new-tab > li {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  #index #main .r2 .r-main .new-box .new-tab > a {
    width: 36px;
    height: 36px;
    margin: 0 6px;
    line-height: 36px;
  }
  #index .r2 .title {
    margin-bottom: 108px;
  }
  #index #main .r2 .r-main .new-box .new-list .fl .pic-list .con {
    width: 91%;
  }
  #index #main .r2 .r-main .new-box .new-list .fl {
    height: 32vh;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  #index #main .r2 .r-main .new-box .new-list .fl .pic-list .pic {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  #index #main .r2 .r-main .new-box .new-list .fr {
    padding: 0.4rem 0.3rem;
    margin-left: 0;
    padding-top: calc(32vh + 0.4rem);
  }
  #index #main .r2 .r-main .new-box .new-list .fr > ul > li {
    margin-bottom: 18px;
  }
  #index #main .r2 .r-main .new-box .new-list .fl,
  #index #main .r2 .r-main .new-box .new-list .fr {
    width: 100%;
  }
  #index #main .r3 .r-main .home-pro > li .r-left,
  #index #main .r3 .r-main .pro-tab > li > i:after {
    display: none;
  }
  #index #main .r3 .r-main .home-pro > li .r-right {
    width: 100%;
  }
  #index #main .r3 .r-main .home-pro > li .r-right .pro-slider {
    width: 100%;
  }
  #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul > li .type {
    font-size: 40px;
    line-height: 1.6;
  }
  #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul > li .note {
    transform: rotate(90deg) scale(0.7);
  }
  #index #main .r3 .r-main .home-pro > li .r-right .pro-page {
    width: 100%;
    height: 40px;
    bottom: -74px;
  }
  #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol > li {
    display: inline-block;
    margin-bottom: 0;
  }
  #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol > li > span {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  #index #main .r3 .r-main .home-pro {
    margin-top: 128px;
    min-height: 350px;
  }
  #index #main .r3 .r-main .pro-tab {
    width: 100%;
    top: 70px;
    justify-content: space-around;
  }
  #index #main .r3 .r-main .pro-tab > li > i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 0;
    display: inline-block;
  }
  #index #main .r3 .r-main .pro-tab > li:after {
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 0;
    margin: auto;
  }
  #index #main .r3 .r-main .pro-tab > li > span {
    width: 50px;
  }
  #index #main .r3 .bg {
    height: 52%;
  }
  #index #main .r3 .r-main .pro-tab > li {
    margin-bottom: 0px;
    text-align: center;
  }
  #index #main .r3 .r-main .pro-tab > div {
    display: none;
  }
  #index #main .r4 .r-main .home-stock > ul {
    flex-wrap: wrap;
    position: relative;
  }
  #index #main .r4 .r-main .home-stock .pic {
    display: none;
  }
  #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(1),
  #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(2),
  #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(3) {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    padding: 0;
  }
  #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(1) {
    padding-top: 20px;
  }
  #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(2) .stock-data {
    justify-content: center;
  }
  #index
    #main
    .r4
    .r-main
    .home-stock
    > ul
    > li:nth-of-type(2)
    .stock-data
    > span {
    margin-right: 12px;
  }
  #index #main .r4 .r-main .home-stock > ul > li:nth-of-type(2) .stock-msg {
    display: flex;
    justify-content: space-around;
  }
  #bloc footer .f-main .max-wid > ul li {
    margin-bottom: 12px;
  }
  #bloc footer .f-main .max-wid > ul li:nth-of-type(1),
  #bloc footer .f-main .max-wid > ul li:nth-of-type(4) {
    display: none;
  }
  #bloc footer .f-main .max-wid > ul > li h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 700px) {
  html {
    font-size: 50px;
  }

  small,
  span {
    font-size: 12px;
  }
  .f-80 {
    font-size: 28px;
  }
  .f-72 {
    font-size: 26px;
  }
  .f-60 {
    font-size: 24px;
  }
  .f-50 {
    font-size: 24px;
  }
  .f-48 {
    font-size: 24px;
  }
  .f-46 {
    font-size: 22px;
  }
  .f-44 {
    font-size: 22px;
  }
  .f-42 {
    font-size: 20px;
  }
  .f-40 {
    font-size: 20px;
  }
  .f-38 {
    font-size: 18px;
  }
  .f-36 {
    font-size: 18px;
  }
  .f-34 {
    font-size: 18px;
  }
  .f-32 {
    font-size: 16px;
  }
  .f-30 {
    font-size: 16px;
  }
  .f-28 {
    font-size: 16px;
  }
  .f-26 {
    font-size: 14px;
  }
  .f-24 {
    font-size: 14px;
  }
  .f-22 {
    font-size: 14px;
  }
  .f-20 {
    font-size: 14px;
  }
  .f-18 {
    font-size: 14px;
  }
  .f-16 {
    font-size: 14px;
  }
  .f-14 {
    font-size: 12px;
  }
  .f-12 {
    font-size: 12px;
  }

  .mt-1 {
    margin-top: 1px;
  }
  .mt-3 {
    margin-top: 3px;
  }
  .mt-4 {
    margin-top: 4px;
  }
  .mt-5 {
    margin-top: 4px;
  }
  .mt-6 {
    margin-top: 4px;
  }
  .mt-7 {
    margin-top: 4px;
  }
  .mt-8 {
    margin-top: 4px;
  }
  .mt-9 {
    margin-top: 4px;
  }
  .mt-10 {
    margin-top: 6px;
  }
  .mt-12 {
    margin-top: 6px;
  }
  .mt-14 {
    margin-top: 6px;
  }
  .mt-16 {
    margin-top: 6px;
  }
  .mt-18 {
    margin-top: 6px;
  }
  .mt-20 {
    margin-top: 8px;
  }
  .mt-22 {
    margin-top: 8px;
  }
  .mt-24 {
    margin-top: 8px;
  }
  .mt-26 {
    margin-top: 8px;
  }
  .mt-28 {
    margin-top: 10px;
  }
  .mt-30 {
    margin-top: 10px;
  }
  .mt-32 {
    margin-top: 10px;
  }
  .mt-34 {
    margin-top: 10px;
  }
  .mt-36 {
    margin-top: 12px;
  }
  .mt-38 {
    margin-top: 12px;
  }
  .mt-40 {
    margin-top: 12px;
  }
  .mt-42 {
    margin-top: 14px;
  }
  .mt-44 {
    margin-top: 14px;
  }
  .mt-46 {
    margin-top: 16px;
  }
  .mt-48 {
    margin-top: 16px;
  }
  .mt-50 {
    margin-top: 18px;
  }
  .mt-60 {
    margin-top: 18px;
  }
  .mt-70 {
    margin-top: 20px;
  }
  .mt-80 {
    margin-top: 22px;
  }
  .mt-90 {
    margin-top: 26px;
  }
  .mt-100 {
    margin-top: 30px;
  }

  .mb-1 {
    margin-bottom: 1px;
  }
  .mb-3 {
    margin-bottom: 3px;
  }
  .mb-4 {
    margin-bottom: 4px;
  }
  .mb-5 {
    margin-bottom: 4px;
  }
  .mb-6 {
    margin-bottom: 4px;
  }
  .mb-7 {
    margin-bottom: 4px;
  }
  .mb-8 {
    margin-bottom: 4px;
  }
  .mb-9 {
    margin-bottom: 4px;
  }
  .mb-10 {
    margin-bottom: 6px;
  }
  .mb-12 {
    margin-bottom: 6px;
  }
  .mb-14 {
    margin-bottom: 6px;
  }
  .mb-16 {
    margin-bottom: 6px;
  }
  .mb-18 {
    margin-bottom: 6px;
  }
  .mb-20 {
    margin-bottom: 8px;
  }
  .mb-22 {
    margin-bottom: 8px;
  }
  .mb-24 {
    margin-bottom: 8px;
  }
  .mb-26 {
    margin-bottom: 8px;
  }
  .mb-28 {
    margin-bottom: 10px;
  }
  .mb-30 {
    margin-bottom: 10px;
  }
  .mb-32 {
    margin-bottom: 10px;
  }
  .mb-34 {
    margin-bottom: 10px;
  }
  .mb-36 {
    margin-bottom: 12px;
  }
  .mb-38 {
    margin-bottom: 12px;
  }
  .mb-40 {
    margin-bottom: 12px;
  }
  .mb-42 {
    margin-bottom: 14px;
  }
  .mb-44 {
    margin-bottom: 14px;
  }
  .mb-46 {
    margin-bottom: 16px;
  }
  .mb-48 {
    margin-bottom: 16px;
  }
  .mb-50 {
    margin-bottom: 18px;
  }
  .mb-60 {
    margin-bottom: 18px;
  }
  .mb-70 {
    margin-bottom: 20px;
  }
  .mb-80 {
    margin-bottom: 22px;
  }
  .mb-90 {
    margin-bottom: 26px;
  }
  .mb-100 {
    margin-bottom: 30px;
  }

  .ml-1 {
    margin-left: 1px;
  }
  .ml-3 {
    margin-left: 3px;
  }
  .ml-4 {
    margin-left: 4px;
  }
  .ml-5 {
    margin-left: 4px;
  }
  .ml-6 {
    margin-left: 4px;
  }
  .ml-7 {
    margin-left: 4px;
  }
  .ml-8 {
    margin-left: 4px;
  }
  .ml-9 {
    margin-left: 4px;
  }
  .ml-10 {
    margin-left: 6px;
  }
  .ml-12 {
    margin-left: 6px;
  }
  .ml-14 {
    margin-left: 6px;
  }
  .ml-16 {
    margin-left: 6px;
  }
  .ml-18 {
    margin-left: 6px;
  }
  .ml-20 {
    margin-left: 8px;
  }
  .ml-22 {
    margin-left: 8px;
  }
  .ml-24 {
    margin-left: 8px;
  }
  .ml-26 {
    margin-left: 8px;
  }
  .ml-28 {
    margin-left: 10px;
  }
  .ml-30 {
    margin-left: 10px;
  }
  .ml-32 {
    margin-left: 10px;
  }
  .ml-34 {
    margin-left: 10px;
  }
  .ml-36 {
    margin-left: 12px;
  }
  .ml-38 {
    margin-left: 12px;
  }
  .ml-40 {
    margin-left: 12px;
  }
  .ml-42 {
    margin-left: 14px;
  }
  .ml-44 {
    margin-left: 14px;
  }
  .ml-46 {
    margin-left: 16px;
  }
  .ml-48 {
    margin-left: 16px;
  }
  .ml-50 {
    margin-left: 18px;
  }
  .ml-60 {
    margin-left: 18px;
  }
  .ml-70 {
    margin-left: 20px;
  }
  .ml-80 {
    margin-left: 22px;
  }
  .ml-90 {
    margin-left: 26px;
  }
  .ml-100 {
    margin-left: 30px;
  }

  .mr-1 {
    margin-right: 1px;
  }
  .mr-3 {
    margin-right: 3px;
  }
  .mr-4 {
    margin-right: 4px;
  }
  .mr-5 {
    margin-right: 4px;
  }
  .mr-6 {
    margin-right: 4px;
  }
  .mr-7 {
    margin-right: 4px;
  }
  .mr-8 {
    margin-right: 4px;
  }
  .mr-9 {
    margin-right: 4px;
  }
  .mr-10 {
    margin-right: 6px;
  }
  .mr-12 {
    margin-right: 6px;
  }
  .mr-14 {
    margin-right: 6px;
  }
  .mr-16 {
    margin-right: 6px;
  }
  .mr-18 {
    margin-right: 6px;
  }
  .mr-20 {
    margin-right: 8px;
  }
  .mr-22 {
    margin-right: 8px;
  }
  .mr-24 {
    margin-right: 8px;
  }
  .mr-26 {
    margin-right: 8px;
  }
  .mr-28 {
    margin-right: 10px;
  }
  .mr-30 {
    margin-right: 10px;
  }
  .mr-32 {
    margin-right: 10px;
  }
  .mr-34 {
    margin-right: 10px;
  }
  .mr-36 {
    margin-right: 12px;
  }
  .mr-38 {
    margin-right: 12px;
  }
  .mr-40 {
    margin-right: 12px;
  }
  .mr-42 {
    margin-right: 14px;
  }
  .mr-44 {
    margin-right: 14px;
  }
  .mr-46 {
    margin-right: 16px;
  }
  .mr-48 {
    margin-right: 16px;
  }
  .mr-50 {
    margin-right: 18px;
  }
  .mr-60 {
    margin-right: 18px;
  }
  .mr-70 {
    margin-right: 20px;
  }
  .mr-80 {
    margin-right: 22px;
  }
  .mr-90 {
    margin-right: 26px;
  }
  .mr-100 {
    margin-right: 30px;
  }

  .pt-1 {
    padding-top: 1px;
  }
  .pt-3 {
    padding-top: 3px;
  }
  .pt-4 {
    padding-top: 4px;
  }
  .pt-5 {
    padding-top: 4px;
  }
  .pt-6 {
    padding-top: 4px;
  }
  .pt-7 {
    padding-top: 4px;
  }
  .pt-8 {
    padding-top: 4px;
  }
  .pt-9 {
    padding-top: 4px;
  }
  .pt-10 {
    padding-top: 6px;
  }
  .pt-12 {
    padding-top: 6px;
  }
  .pt-14 {
    padding-top: 6px;
  }
  .pt-16 {
    padding-top: 6px;
  }
  .pt-18 {
    padding-top: 6px;
  }
  .pt-20 {
    padding-top: 8px;
  }
  .pt-22 {
    padding-top: 8px;
  }
  .pt-24 {
    padding-top: 8px;
  }
  .pt-26 {
    padding-top: 8px;
  }
  .pt-28 {
    padding-top: 10px;
  }
  .pt-30 {
    padding-top: 10px;
  }
  .pt-32 {
    padding-top: 10px;
  }
  .pt-34 {
    padding-top: 10px;
  }
  .pt-36 {
    padding-top: 12px;
  }
  .pt-38 {
    padding-top: 12px;
  }
  .pt-40 {
    padding-top: 12px;
  }
  .pt-42 {
    padding-top: 14px;
  }
  .pt-44 {
    padding-top: 14px;
  }
  .pt-46 {
    padding-top: 16px;
  }
  .pt-48 {
    padding-top: 16px;
  }
  .pt-50 {
    padding-top: 18px;
  }
  .pt-60 {
    padding-top: 18px;
  }
  .pt-70 {
    padding-top: 20px;
  }
  .pt-80 {
    padding-top: 22px;
  }
  .pt-90 {
    padding-top: 26px;
  }
  .pt-100 {
    padding-top: 30px;
  }

  .pb-1 {
    padding-bottom: 1px;
  }
  .pb-3 {
    padding-bottom: 3px;
  }
  .pb-4 {
    padding-bottom: 4px;
  }
  .pb-5 {
    padding-bottom: 4px;
  }
  .pb-6 {
    padding-bottom: 4px;
  }
  .pb-7 {
    padding-bottom: 4px;
  }
  .pb-8 {
    padding-bottom: 4px;
  }
  .pb-9 {
    padding-bottom: 4px;
  }
  .pb-10 {
    padding-bottom: 6px;
  }
  .pb-12 {
    padding-bottom: 6px;
  }
  .pb-14 {
    padding-bottom: 6px;
  }
  .pb-16 {
    padding-bottom: 6px;
  }
  .pb-18 {
    padding-bottom: 6px;
  }
  .pb-20 {
    padding-bottom: 8px;
  }
  .pb-22 {
    padding-bottom: 8px;
  }
  .pb-24 {
    padding-bottom: 8px;
  }
  .pb-26 {
    padding-bottom: 8px;
  }
  .pb-28 {
    padding-bottom: 10px;
  }
  .pb-30 {
    padding-bottom: 10px;
  }
  .pb-32 {
    padding-bottom: 10px;
  }
  .pb-34 {
    padding-bottom: 10px;
  }
  .pb-36 {
    padding-bottom: 12px;
  }
  .pb-38 {
    padding-bottom: 12px;
  }
  .pb-40 {
    padding-bottom: 12px;
  }
  .pb-42 {
    padding-bottom: 14px;
  }
  .pb-44 {
    padding-bottom: 14px;
  }
  .pb-46 {
    padding-bottom: 16px;
  }
  .pb-48 {
    padding-bottom: 16px;
  }
  .pb-50 {
    padding-bottom: 18px;
  }
  .pb-60 {
    padding-bottom: 18px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  .pb-80 {
    padding-bottom: 22px;
  }
  .pb-90 {
    padding-bottom: 26px;
  }
  .pb-100 {
    padding-bottom: 30px;
  }

  .pl-1 {
    padding-left: 1px;
  }
  .pl-3 {
    padding-left: 3px;
  }
  .pl-4 {
    padding-left: 4px;
  }
  .pl-5 {
    padding-left: 4px;
  }
  .pl-6 {
    padding-left: 4px;
  }
  .pl-7 {
    padding-left: 4px;
  }
  .pl-8 {
    padding-left: 4px;
  }
  .pl-9 {
    padding-left: 4px;
  }
  .pl-10 {
    padding-left: 6px;
  }
  .pl-12 {
    padding-left: 6px;
  }
  .pl-14 {
    padding-left: 6px;
  }
  .pl-16 {
    padding-left: 6px;
  }
  .pl-18 {
    padding-left: 6px;
  }
  .pl-20 {
    padding-left: 8px;
  }
  .pl-22 {
    padding-left: 8px;
  }
  .pl-24 {
    padding-left: 8px;
  }
  .pl-26 {
    padding-left: 8px;
  }
  .pl-28 {
    padding-left: 10px;
  }
  .pl-30 {
    padding-left: 10px;
  }
  .pl-32 {
    padding-left: 10px;
  }
  .pl-34 {
    padding-left: 10px;
  }
  .pl-36 {
    padding-left: 12px;
  }
  .pl-38 {
    padding-left: 12px;
  }
  .pl-40 {
    padding-left: 12px;
  }
  .pl-42 {
    padding-left: 14px;
  }
  .pl-44 {
    padding-left: 14px;
  }
  .pl-46 {
    padding-left: 16px;
  }
  .pl-48 {
    padding-left: 16px;
  }
  .pl-50 {
    padding-left: 18px;
  }
  .pl-60 {
    padding-left: 18px;
  }
  .pl-70 {
    padding-left: 20px;
  }
  .pl-80 {
    padding-left: 22px;
  }
  .pl-90 {
    padding-left: 26px;
  }
  .pl-100 {
    padding-left: 30px;
  }

  .pr-1 {
    padding-right: 1px;
  }
  .pr-3 {
    padding-right: 3px;
  }
  .pr-4 {
    padding-right: 4px;
  }
  .pr-5 {
    padding-right: 4px;
  }
  .pr-6 {
    padding-right: 4px;
  }
  .pr-7 {
    padding-right: 4px;
  }
  .pr-8 {
    padding-right: 4px;
  }
  .pr-9 {
    padding-right: 4px;
  }
  .pr-10 {
    padding-right: 6px;
  }
  .pr-12 {
    padding-right: 6px;
  }
  .pr-14 {
    padding-right: 6px;
  }
  .pr-16 {
    padding-right: 6px;
  }
  .pr-18 {
    padding-right: 6px;
  }
  .pr-20 {
    padding-right: 8px;
  }
  .pr-22 {
    padding-right: 8px;
  }
  .pr-24 {
    padding-right: 8px;
  }
  .pr-26 {
    padding-right: 8px;
  }
  .pr-28 {
    padding-right: 10px;
  }
  .pr-30 {
    padding-right: 10px;
  }
  .pr-32 {
    padding-right: 10px;
  }
  .pr-34 {
    padding-right: 10px;
  }
  .pr-36 {
    padding-right: 12px;
  }
  .pr-38 {
    padding-right: 12px;
  }
  .pr-40 {
    padding-right: 12px;
  }
  .pr-42 {
    padding-right: 14px;
  }
  .pr-44 {
    padding-right: 14px;
  }
  .pr-46 {
    padding-right: 16px;
  }
  .pr-48 {
    padding-right: 16px;
  }
  .pr-50 {
    padding-right: 18px;
  }
  .pr-60 {
    padding-right: 18px;
  }
  .pr-70 {
    padding-right: 20px;
  }
  .pr-80 {
    padding-right: 22px;
  }
  .pr-90 {
    padding-right: 26px;
  }
  .pr-100 {
    padding-right: 30px;
  }
}

#bloc {
  overflow: hidden;
}

#bloc #top {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
#bloc #top .indexBanner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
#bloc #top .webGL-slider {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 5;
}
#bloc #top .webGL-slider > img {
  width: 100%;
  max-width: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}
#bloc #top .webGL-slider canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  transform-origin: 50% 50%;
}
#bloc #top .webGL-slider .pagination a {
  display: inline-block;
  width: 0.3rem;
  height: 0.04rem;
  opacity: 1;
  position: relative;
  background: rgba(250, 250, 250, 0.5);
  margin-right: 0.06rem;
}
#bloc #top .webGL-slider .pagination .on:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  animation: myfirst 6s;
}
#bloc #top .webGL-slider .pagination {
  position: absolute;
  bottom: 8%;
  left: 16%;
  transform: translateY(-50%);
  z-index: 6;
}
#bloc #top .webGL-slider .pagination .on:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  animation: myfirst 6s;
}
@keyframes myfirst {
  from {
    width: 0px;
  }
  to {
    width: 100%;
  }
}
#bloc #top .indexBanner .webGL-slider {
  position: absolute;
}
#bloc #top .indexBanner .webGL-slider .txt-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
#bloc #top .indexBanner .webGL-slider .txt-item .img_box {
  height: 268px;
}
#bloc #top .indexBanner .webGL-slider .txt-item > li {
  position: absolute;
  top: 60%;
  left: 14%;
  font-weight: bold;
  color: #fff;
  display: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#bloc #top .indexBanner .webGL-slider .txt-item > li > h5 {
  margin-bottom: 0.53rem;
  font-size: 1rem;
}
#bloc #top .indexBanner .webGL-slider .txt-item > li > small {
  margin-left: 0;
  font-size: 0.6rem;
}
#bloc #top .indexBanner .webGL-slider .txt-item > li > .small {
  margin-top: 0.35rem;
  margin-left: 1.42rem;
  font-size: 1rem;
}
#bloc #top .indexBanner .webGL-slider .txt-item > li > p {
  margin-top: 0.26rem;
  margin-left: 2.64rem;
  font-size: 0.3rem;
  opacity: 0;
}
#bloc #top .indexBanner .webGL-slider .txt-item > li > p.on {
  opacity: 1;
}
#bloc #top .indexBanner .webGL-slider .txt-item > li > p > i {
  font-style: italic;
  vertical-align: middle;
}
#bloc #top .indexBanner .webGL-slider .txt-item > li > p .new {
  position: relative;
  display: inline-block;
  width: 1.16rem;
  height: 0.29rem;
  margin-left: 0.18rem;
  border-radius: 6px 0 6px 0;
  vertical-align: middle;
  transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
}
#bloc #top .indexBanner .webGL-slider .txt-item > li > p .new::before {
  content: "全新升级";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0.22rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.29rem;
  color: #c3161c;
  transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
}
#bloc #top .indexBanner .webGL-slider .txt-item > li > a {
  display: block;
  width: 1.6rem;
  height: 0.54rem;
  margin-top: 1.08rem;
  border-radius: 0.27rem;
  font-size: 0.16rem;
  line-height: 0.54rem;
  text-align: center;
  color: #0143a4;
  background-color: #fff;
}
#bloc #top #water {
  position: absolute;
  width: 6.8rem;
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
  z-index: 4;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  opacity: 0.8;
}
/* 跟多 */
.hedo {
  margin-top: 0.25rem;
  font-size: 0.18rem;
  font-weight: bold;
  color: #7f8c94;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.hedo > a {
  display: flex;
  align-items: center;
}
.hedo > a > span {
  position: relative;
  color: #7f8c94;
}
.hedo > a > span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  width: 0;
  height: 2px;
  background: #dbe2e9;
  transition: 0.5s ease;
}

.fotv1{ width:100%; margin-left:0%; margin-right:0%; border-bottom: rgba(255,255,255,.2) solid 1px; margin-bottom:50px; color:#fff; font-size:17px; text-transform:; padding-top:45px; padding-bottom:0px; height:110px;font-family:Arial, "微软雅黑"; line-height:25px;}
.fotv1 a{ color:#fff;  }
.add1{ width:24.333333%; float:left; background:url(../images/add.png) no-repeat left  top; padding-left:3%; height:50px;}
.add2{ width:22.333333%; float:left; background:url(../images/tem.png) no-repeat left; padding-left:5%;}
.add3{ width:17.333333%; float:left; background:url(../images/tell.png) no-repeat left top; padding-left:5%;height:60px; padding-top:5px;}
.add4{ width:17.333333%; float:right; background:url(../images/tel4.png) no-repeat left top; padding-left:5%;height:60px; padding-top:5px;}